<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="robots" content="noodp" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
        <title>《Flutter不要担心垃圾回收器》 - 飞雪无情的博客</title><meta name="Description" content="专注于IT互联网，包括但不限于Go语言(golang)、Java、Android、Python、项目管理、抖音分析、软件架构等"><meta property="og:title" content="《Flutter不要担心垃圾回收器》" />
<meta property="og:description" content="
本文主要介绍翻译自 Flutter: Don’t Fear the Garbage Collector - Flutter - Medium。这篇文章简要地说明了 Flutter 垃圾收集器的工作原理，以及它对 Flutter 应用的影响。
" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.flysnow.org/posts/flutter/Flutter%E4%B8%8D%E8%A6%81%E6%8B%85%E5%BF%83%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6%E5%99%A8/" />
<meta property="article:published_time" content="2021-07-31T18:41:57+08:00" />
<meta property="article:modified_time" content="2021-07-31T18:41:57+08:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="《Flutter不要担心垃圾回收器》"/>
<meta name="twitter:description" content="
本文主要介绍翻译自 Flutter: Don’t Fear the Garbage Collector - Flutter - Medium。这篇文章简要地说明了 Flutter 垃圾收集器的工作原理，以及它对 Flutter 应用的影响。
"/>
<meta name="application-name" content="飞雪无情的博客">
<meta name="apple-mobile-web-app-title" content="飞雪无情的博客"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><link rel="canonical" href="https://www.flysnow.org/posts/flutter/Flutter%E4%B8%8D%E8%A6%81%E6%8B%85%E5%BF%83%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6%E5%99%A8/" /><link rel="prev" href="https://www.flysnow.org/posts/flutter/Dart%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B%E4%B9%8BStream/" /><link rel="next" href="https://www.flysnow.org/posts/flutter/Flutter-UI%E9%97%AE%E9%A2%98%E5%88%86%E6%9E%90%E5%B0%8F%E7%BB%93/" /><link rel="stylesheet" href="/lib/normalize/normalize.min.css"><link rel="stylesheet" href="/css/style.min.css"><link rel="stylesheet" href="/lib/fontawesome-free/all.min.css"><link rel="stylesheet" href="/lib/animate/animate.min.css"><script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "BlogPosting",
        "headline": "《Flutter不要担心垃圾回收器》",
        "inLanguage": "zh-CN",
        "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "https:\/\/www.flysnow.org\/posts\/flutter\/Flutter%E4%B8%8D%E8%A6%81%E6%8B%85%E5%BF%83%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6%E5%99%A8\/"
        },"genre": "posts","keywords": "flutter","wordcount":  1968 ,
        "url": "https:\/\/www.flysnow.org\/posts\/flutter\/Flutter%E4%B8%8D%E8%A6%81%E6%8B%85%E5%BF%83%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6%E5%99%A8\/","datePublished": "2021-07-31T18:41:57+08:00","dateModified": "2021-07-31T18:41:57+08:00","publisher": {
            "@type": "Organization",
            "name": "飞雪无情"},"author": {
                "@type": "Person",
                "name": "飞雪无情"
            },"description": ""
    }
    </script></head>
    <body header-desktop="" header-mobile=""><script type="text/javascript">(window.localStorage && localStorage.getItem('theme') ? localStorage.getItem('theme') === 'dark' : ('' === 'auto' ? window.matchMedia('(prefers-color-scheme: dark)').matches : '' === 'dark')) && document.body.setAttribute('theme', 'dark');</script>

        <div id="mask"></div><div class="wrapper"><div class="logo-wrapper">
  <a href="/%20/" class="logo">飞雪无情的博客</a>
</div>

<nav class="site-navbar">
  <ul id="menu" class="menu">
    <li class="menu-item">
      <a class="menu-item-link" href="/tools/">工具</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/archives/">归档</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/about/">关于</a>
    </li>
  </ul>
</nav><main class="main">
                <div class="container"><div class="toc" id="toc-auto">
            <h2 class="toc-title">Contents</h2>
            <div class="toc-content" id="toc-content-auto"></div>
        </div><article class="page single"><h1 class="single-title animated flipInX">《Flutter不要担心垃圾回收器》</h1><div class="post-meta">
            <div class="post-meta-line"><span class="post-author"><a href="/" title="Author" rel=" author" class="author"><i class="fas fa-user-circle fa-fw"></i>飞雪无情</a></span>&nbsp;<span class="post-category">included in <a href="/categories/Flutter/"><i class="far fa-folder fa-fw"></i>Flutter</a></span></div>
            <div class="post-meta-line"><i class="far fa-calendar-alt fa-fw"></i>&nbsp;<time datetime="2021-07-31">2021-07-31</time>&nbsp;<i class="fas fa-pencil-alt fa-fw"></i>&nbsp;1968 words&nbsp;
                <i class="far fa-clock fa-fw"></i>&nbsp;4 minutes&nbsp;</div>
        </div><div class="featured-image"><img
        class="lazyload"
        src="/svg/loading.min.svg"
        data-src="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"
        data-srcset="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png, https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png 1.5x, https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png 2x"
        data-sizes="auto"
        alt="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"
        title="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png" /></div><div class="details toc" id="toc-static"  kept="">
                <div class="details-summary toc-title">
                    <span>Contents</span>
                    <span><i class="details-icon fas fa-angle-right"></i></span>
                </div>
                <div class="details-content toc-content" id="toc-content-static"><nav id="TableOfContents">
  <ul>
    <li><a href="#调度">调度</a></li>
    <li><a href="#新生代清理器">新生代清理器</a></li>
    <li><a href="#并行标记和并发清理">并行标记和并发清理</a></li>
  </ul>
</nav></div>
            </div><div class="content" id="content"><blockquote>
<p>本文主要介绍翻译自 <a href="https://medium.com/flutter/flutter-dont-fear-the-garbage-collector-d69b3ff1ca30" target="_blank" rel="noopener noreffer">Flutter: Don’t Fear the Garbage Collector - Flutter - Medium</a>。这篇文章简要地说明了 Flutter 垃圾收集器的工作原理，以及它对 Flutter 应用的影响。</p>
</blockquote>
<p>本文要点总结如下：</p>
<ul>
<li>Dart 运行时支持 JIT 和 AOT 两种不同模式，分别用于 debug 和 release</li>
<li>Dart 垃圾收集器支持分代回收</li>
<li>Dart 垃圾收集器新生代清理阶段是阻塞的，但速度比并行标记/并发清理阶段速度要快</li>
<li>Flutter 引擎通知 Dart 垃圾收集器新生代清理阶段在应用空闲或没有用户交互时工作，减少到 UI 性能影响</li>
<li>开发者通常不应通过持有对象引用来干预 Dart 垃圾回收</li>
</ul>
<p>Flutter 使用 <a href="https://www.dartlang.org/" target="_blank" rel="noopener noreffer">Dart</a> 作为开发语言和运行时。Dart 的运行时一开始就支持 debug 模式和 release 模式，但两者之间有很大差异。</p>
<p>在 debug 模式下，Dart 的大部分模块被加载到设备：包括 Dart 运行时、JIT 编译器/解释器 (Android 下是 JIT 编译器，iOS 下是解释器)、调试服务以及分析服务。而在 release 模式下，JIT/解释器和调试服务被移除，只保留 Dart 运行时，它的体积在 Flutter 应用体积中占大头。</p>
<p><img
        class="lazyload"
        src="/svg/loading.min.svg"
        data-src="https://luckly007.oss-cn-beijing.aliyuncs.com/img/15734792877537.jpg"
        data-srcset="https://luckly007.oss-cn-beijing.aliyuncs.com/img/15734792877537.jpg, https://luckly007.oss-cn-beijing.aliyuncs.com/img/15734792877537.jpg 1.5x, https://luckly007.oss-cn-beijing.aliyuncs.com/img/15734792877537.jpg 2x"
        data-sizes="auto"
        alt="https://luckly007.oss-cn-beijing.aliyuncs.com/img/15734792877537.jpg"
        title="Debug 模式与 Release 模式" /></p>
<p>Dart 的运行时中包含一个垃圾收集器，它是实例化对象以及对象变得不可达过程中分配和回收内存的必要组件。</p>
<p>Flutter 应用中会产生大量对象。这些对象在 Stateless Widget 渲染到屏幕时被创建，当应用状态改变或 Widget 不可见时被销毁或重建，大部分 Wiget 对象都是短生命周期。对 UI 复杂的应用来说，可能有数几千个 Widget。</p>
<p>那么 Flutter 开发者需要担心垃圾收集器吗？Flutter 会非常频繁创建和销毁对象，开发者需要限制这种行为吗？新手 Flutter 开发者创建为一段时间内不会变化的 Widget 创建引用，并且在状态数据保留这些引用以避免 Widget 重建的做法很常见。</p>
<p><strong>但不要这样做！</strong></p>
<p>担心 Dart 的垃圾收集器是毫无根据的，因为它有分代回收架构，并且其实现为快速创建和销毁对象优化过。大部分场景下，你应当让 Flutter 引擎自行创建和销毁所有的 Widget。</p>
<h1 id="dart-垃圾收集器">Dart 垃圾收集器</h1>
<p>Dart 的垃圾收集器支持分代回收 (<a href="https://en.wikipedia.org/wiki/Tracing_garbage_collection#Generational_GC_%28ephemeral_GC%29" target="_blank" rel="noopener noreffer">generational</a>)，垃圾回收由两个阶段组成：新生代清理阶段以及并行标记收集阶段。</p>
<h2 id="调度">调度</h2>
<p>为最小化垃圾收集对应用和 UI 性能的影响，垃圾收集器为 Flutter 引擎提供勾子，当引擎检查到应用空闲并且没有用户交互时会通知垃圾收集器开始工作。这可以让垃圾收集器有机会在不影响性能的情况下进行收集。垃圾收集器还可以在空闲期运行滑动压缩(sliding compaction)，减少内存碎片以降低内存占用。</p>
<h2 id="新生代清理器">新生代清理器</h2>
<p>新生代清理器 (Young Space Scavenger)。这个阶段用于清理那短生命周期的临时对象，比如无状态的 Widget。尽管它是阻塞式，但仍然比第二阶段的标记/清理过程快得多，再加上上述的调度策略，实际上消除掉了应用运行期间可感知的暂停。</p>
<p>分配对象实质上是分配一块连续的内存，对象被创建时会分配到下一块可用的已分配内存空间，直到已分配内存耗尽。Dart 使用 bump pointer allocation 算法在新的空间中快速分配 (原文：Dart uses bump pointer allocation to rapidly allocate in new space, making the process very fast)</p>
<p>新的内存空间 (或称之为 nursery) 是新对象分配的地方，由两部分组成(也就是 semi spaces)。任何时刻只使用这两部分中的一部分：一部分活跃，则另一部分不活跃。新对象分配在活跃的那部分中，当这一部分被占满时，将仍然存活的对象从活跃部分拷贝到不活跃部分，忽略已死亡的对象。之后不活跃的部分变成活跃部分，如此往复。</p>
<p>垃圾收集器从根对象开始判断哪些对象存活，哪些对象死亡，比如栈变量 (stack variables) 是一种根对象。垃圾收集器会检查栈变量引用了谁，然后移动这些被引用的对象，之后垃圾收集器又检查被移动的对象指向什么地方，并且继续移动被引用的对象。这个过程一直继续直到所有存活对象被移动。已死亡的对象不被引用，因此被直接丢弃。未来某次垃圾收集过程中存活的对象被拷贝并覆盖掉这些已死亡的对象。</p>
<p>更多信息请参考 <a href="https://en.wikipedia.org/wiki/Cheney%27s_algorithm" target="_blank" rel="noopener noreffer">Cheney’s algorithm</a>。</p>
<p><img
        class="lazyload"
        src="/svg/loading.min.svg"
        data-src="https://luckly007.oss-cn-beijing.aliyuncs.com/img/15734792877537.jpg"
        data-srcset="https://luckly007.oss-cn-beijing.aliyuncs.com/img/15734792877537.jpg, https://luckly007.oss-cn-beijing.aliyuncs.com/img/15734792877537.jpg 1.5x, https://luckly007.oss-cn-beijing.aliyuncs.com/img/15734792877537.jpg 2x"
        data-sizes="auto"
        alt="https://luckly007.oss-cn-beijing.aliyuncs.com/img/15734792877537.jpg"
        title="img" /></p>
<h2 id="并行标记和并发清理">并行标记和并发清理</h2>
<p>当对象到达某个寿命，它们被提升到另一块新的内存空间，该空间由第二代收集器管理：标记清理。</p>
<p>这个垃圾收集技术有两个阶段：首先遍历对象图并标记仍在使用的对象。在第二个阶段扫描整个内存，回收所有没被标记的对象。之后所有的标记都被清理。</p>
<p>这种形式的垃圾收集会在标记阶段阻塞；不能进行任何内存操作，UI 线程也被阻塞。这种形式的垃圾收集不像新生代清理器处理短暂对象那样频繁，但 Dart 运行时有时会暂停以执行垃圾收集。考虑到 Flutter 垃圾收集的调度策略 (见上一节)，暂停的影响会被最小化。</p>
<p>但是要注意如果应用并不遵守弱代假设(原文：the weak generational hypothesis， 这个假设认为大部分对象是短生命周期的)，那么这种形式的垃圾收集会运行得更多。考虑到 Flutter Widget 的工作原理，虽然这种情况的可能性并不大，但要牢记。</p>
<h1 id="isolates">Isolates</h1>
<p>值得注意的是，Dart isolates 拥有自己私有的堆，每个 isolate 堆跟其他 isolate 完全独立。每个 isolate 在独立线程中运行，一个 isolate 上的垃圾收集事件并不影响另外 isolate 的性能。使用 isolate 是避免阻塞 UI 和密集计算压力的好方法。</p>
<h1 id="总结">总结</h1>
<p>到此你应该知道：Dart 使用一个强大的分代垃圾收集器来最小化 Flutter 应用中的垃圾收集时的阻塞影响。不要担心垃圾收集器，它已经考虑到应用的最大利益。</p></div><div class="post-footer" id="post-footer">
    <div class="post-info">
        <div class="post-info-line">
            <div class="post-info-mod">
                <span>Updated on 2021-07-31</span>
            </div>
            <div class="post-info-license"></div>
        </div>
        <div class="post-info-line">
            <div class="post-info-md"></div>
            <div class="post-info-share">
                <span></span>
            </div>
        </div>
    </div>

    <div class="post-info-more">
        <section class="post-tags"><i class="fas fa-tags fa-fw"></i>&nbsp;<a href="/tags/flutter/">flutter</a></section>
        <section>
            <span><a href="javascript:void(0);" onclick="window.history.back();">Back</a></span>&nbsp;|&nbsp;<span><a href="/">Home</a></span>
        </section>
    </div>

    <div class="post-nav"><a href="/posts/flutter/Dart%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B%E4%B9%8BStream/" class="prev" rel="prev" title="《Dart异步编程之Stream》"><i class="fas fa-angle-left fa-fw"></i>《Dart异步编程之Stream》</a>
            <a href="/posts/flutter/Flutter-UI%E9%97%AE%E9%A2%98%E5%88%86%E6%9E%90%E5%B0%8F%E7%BB%93/" class="next" rel="next" title="《Flutter UI问题分析小结》">《Flutter UI问题分析小结》<i class="fas fa-angle-right fa-fw"></i></a></div>
</div>
</article></div>
            </main><footer class="footer">
        <div class="footer-container"><div class="footer-line">Powered by <a href="https://gohugo.io/" target="_blank" rel="noopener noreffer" title="Hugo 0.79.1">Hugo</a> | Theme - <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="noopener noreffer" title="LoveIt 0.2.10"><i class="far fa-kiss-wink-heart fa-fw"></i> LoveIt</a>
                </div><div class="footer-line"><i class="far fa-copyright fa-fw"></i><span itemprop="copyrightYear">2021</span><span class="author" itemprop="copyrightHolder">&nbsp;<a href="/" target="_blank">飞雪无情</a></span></div>
        </div>
    </footer></div>

        <div id="fixed-buttons"><a href="#" id="back-to-top" class="fixed-button" title="Back to Top">
                <i class="fas fa-arrow-up fa-fw"></i>
            </a><a href="#" id="view-comments" class="fixed-button" title="View Comments">
                <i class="fas fa-comment fa-fw"></i>
            </a>
        </div><script type="text/javascript" src="/lib/smooth-scroll/smooth-scroll.min.js"></script><script type="text/javascript" src="/lib/lazysizes/lazysizes.min.js"></script><script type="text/javascript" src="/lib/clipboard/clipboard.min.js"></script><script type="text/javascript" src="/lib/sharer/sharer.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"Copy to clipboard","maxShownLines":10},"comment":{}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
</html>
